.display {
    display: none;
}

.tableClass {
    width: 100%;
    // padding: 0 .2rem;
    margin: 0 auto;
    background-color: #fff;
    z-index: 111;

    caption {
        font-size: .36rem;
        padding: .2rem 0;
        background-color: #fff;
    }

    tfoot {
        td {
            text-align: center;
            padding: .2rem;
            font-size: .32rem;
        }
    }

    tbody {
        width: 100%;


        tr {
            height: .8rem;

            td,th {
                // width: 14%;
                width: 160px;
                text-align: center;
                position: relative;

                > span {
                    position: relative;
                    z-index: 2;
                    display: block;
                    height: .6rem;
                    line-height: .6rem;
                    width: .6rem;
                    font-size: .32rem;
                    margin: 0 auto;
                    border-radius: 50%;
                    border: 2px solid #E5E5E5;
                    background-color: #fff;


                    &.curC {
                        background-color: #FF0036;
                        color: #fff;
                    }

                    &.nowC {
                        background-color: #f96d8b;
                        color: #fff;
                    }

                    &.noHaveC {
                        color: #E5E5E5;
                    }

                    &::after {
                        display: block;
                        width: 100%;
                        height: 100%;
                        background-color: #fff;
                    }
                }



                > i {
                    z-index: 0.1;
                    display: block;
                    position: absolute;
                    width: 100%;
                    border-top: 2px solid #e5e5e5;
                    top: 50%;
                }
            }
        }
    }
}
.dateDiv {
    width: 100%;
    background-color: #fff;

    > p {
        text-align: center;
        font-size: .32rem;
    }
}
.tableDiv {
    width: 100%;

    > p {
        text-align: center;
    }

    > div {
        // width: 98%;
        margin: 0 auto;
        text-align: center;
        height: .8rem;

        &::after,&::before {
            clear: both;
            content: '';
            display: block;
        }

        > p {
            margin: 0;
            text-align: center;
            float: left;
            width: 14%;
            position: relative;

            > span {
                position: relative;
                z-index: 2;
                display: block;
                height: .6rem;
                line-height: .6rem;
                width: .6rem;
                font-size: .32rem;
                margin: 0 auto;
                border-radius: 50%;
                border: 2px solid #E5E5E5;
                background-color: #fff;


                &.curC {
                    background-color: #FF0036;
                    color: #fff;
                }

                &.nowC {
                    background-color: #f96d8b;
                    color: #fff;
                }

                &.noHaveC {
                    color: #E5E5E5;
                }

                &::after {
                    display: block;
                    width: 100%;
                    height: 100%;
                    background-color: #fff;
                }
            }



            > i {
                z-index: 0.1;
                display: block;
                position: absolute;
                width: 100%;
                border-top: 2px solid #e5e5e5;
                top: 50%;
            }
        }
    }
}
